<script setup lang="ts">
import {computed, onMounted, watch} from "vue";
import {useWindowSize} from "@vueuse/core/index";
const { width } = useWindowSize()
const isPhone = computed(() => {
  return width.value < 768
})

watch(isPhone, (val) => {
  if (val) {
    document.body.classList.add('phone')
  } else {
    document.body.classList.remove('phone')
  }
}, {immediate: true})
</script>

<template>
  <!--  <layout/>-->
  <router-view />
</template>

<style>
body.phone {
  .arco-modal-simple {
    width: 70vw !important;
  }
}
</style>
